page {
  --sar-progress-bar-height: 4px;
  --sar-progress-bar-border-radius: var(--sar-rounded-full);

  --sar-progress-bar-track-bg: var(--sar-secondary-bg);

  --sar-progress-bar-piece-font-size: var(--sar-text-base);
  --sar-progress-bar-piece-transition-duration: var(--sar-duration-slow);
  --sar-progress-bar-piece-color: var(--sar-white);
  --sar-progress-bar-piece-bg: var(--sar-primary);

  --sar-progress-bar-text-font-size: var(--sar-text-base);
  --sar-progress-bar-text-margin-left: 8px;
  --sar-progress-bar-text-margin-right: 8px;

  --sar-progress-bar-inside-height: 16px;
  --sar-progress-bar-inside-text-font-size: var(--sar-text-sm);

  --sar-progress-bar-striped-width: 16px;

  --sar-progress-bar-status-line-height: var(--sar-leading-none);
  --sar-progress-bar-status-margin-left: 8px;
  --sar-progress-bar-success-color: var(--sar-success);
  --sar-progress-bar-warning-color: var(--sar-warning);
  --sar-progress-bar-error-color: var(--sar-danger);
}